<template>
  <div>
    <nav-header :headerTitle="'关于流量主'" :navBgColor="'#fff'"></nav-header>
    <section class="page">
      <div class="section">
        <div class="items" @click="goHref(1)">
          <div class="content">
            <span>1、流量主用户群体是哪些？</span>
            <img src="@/assets/images/shop_enter.png" alt />
          </div>
        </div>
        <!-- end -->
          <div class="items" @click="goHref(2)">
          <div class="content">
            <span>2、流量主资质审核；</span>
            <img src="@/assets/images/shop_enter.png" alt />
          </div>
        </div>
        <!-- end -->
          <div class="items" @click="goHref(3)">
          <div class="content">
            <span>3、流量主任务流程；</span>
            <img src="@/assets/images/shop_enter.png" alt />
          </div>
        </div>
        <!-- end -->
      </div>
    </section>
  </div>
</template>

<script>
import navHeader from "@/components/NavHeader";
import mixin from "@/utils/mixin";
export default {
  name: "myTutorial",
  mixins: [mixin],
  components: {
    navHeader
  },
  data() {
    return {
      show: {
        
      }
    };
  },
  created() {},
  mounted() {
    this.init();
  },
  methods: {
    init: function() {},
     goHref(type){
      let url;
      if(type==1){
        url='http://ossfile.wechatrenmai.cn/appMetaConfig/normal/customerServiceCenter/v1/1.%E6%B5%81%E9%87%8F%E4%B8%BB%E7%94%A8%E6%88%B7%E7%BE%A4%E4%BD%93.html';
      }else  if(type==2){
        url='http://ossfile.wechatrenmai.cn/appMetaConfig/normal/customerServiceCenter/v1/2.%E6%B5%81%E9%87%8F%E4%B8%BB%E8%B5%84%E8%B4%A8%E5%AE%A1%E6%A0%B8.html';
      }else  if(type==3){
        url='http://ossfile.wechatrenmai.cn/appMetaConfig/normal/customerServiceCenter/v1/3.%E6%B5%81%E9%87%8F%E4%B8%BB%E4%BB%BB%E5%8A%A1%E6%B5%81%E7%A8%8B.html';
      }
      window.location.href=url;
    },
  }
};
</script>
<style lang="scss" scoped>
.page {
  margin-top: 88px;
  border-top: 1px solid rgba(237, 237, 237, 0.5);
  .header {
    padding-left: 32px;
    padding-right: 32px;
    div {
      width: 100%;
      height: 110px;
      line-height: 130px;
      text-align: left;
      font-size: 28px;
      font-family: PingFangSC-Regular;
      font-weight: bold;
      color: rgba(255, 37, 37, 1);
      border-bottom: 2px solid rgba(237, 237, 237, 1);
    }
  }
  .items {
    padding-left: 32px;
    padding-right: 32px;
    .content {
      width: 100%;
      height: 126px;
      position: relative;
      border-bottom: 2px solid rgba(237, 237, 237, 1);
      span {
        font-size: 34px;
        font-family: PingFangSC-Regular;
        color: rgba(48, 49, 51, 1);
        position: absolute;
        left: 0px;
        top: 40px;
      }
      img {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0px;
        top: 52px;
      }
      div {
        font-size: 28px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        color: rgba(129, 129, 129, 1);
        position: absolute;
        right: 40px;
        top: 46px;
      }
    }
  }
  .items:active {
    background: rgba(237, 237, 237, 1);
  }
}
</style>
